<template>
  <div class="all">
    <div class="top">
    <div class="backgimg"></div>
    <div class="font">MyLowCode</div>
    <div class="font toHTML">
      <button @click="exportToHTML">导出HTML</button> 
      </div>
    </div>
  </div>
</template>

<script>
export default {
    name:"topVue",
    data(){
        return{
            
        }
    },
    methods:{
      exportToHTML(){
        console.log("exportToHTML");
        this.$bus.$emit("exportToHTML");
      }
    }
}
</script>

<style scoped>
.top{
    width: 100%;
    height: 40px;
    display: flex;
    margin-left: 10px;
}
.backgimg{
  overflow: hidden;
  height: 40px;
  width: 40px;
  background-image: url("../assets/logo3.png" );
  background-size: cover;
}
.font{
  text-align: center;
  line-height: 40px;
}
.toHTML{
  margin-left: 80%;
}
</style>
